﻿<div id="myTab">
    <!-- 导航 -->
    <ul>
        <li class="active">
            <a href="#baseProp" data-toggle="tab">属性</a>
        </li>
        <li>
            <a href="#eventProp" data-toggle="tab">事件</a>
        </li>
        <li>
            <a href="#dataProp" data-toggle="tab">数据</a>
        </li>
        <li>
            <a href="#styleProp" data-toggle="tab">样式</a>
        </li>
    </ul>
    <!-- 内容 -->
    <form class="form-inline" role="form">
        <div id="baseProp">
            <div class="form-group">
                <label for="txtEName">英文名称：</label><input type="text" class="form-control" readonly="readonly" id="txtEName" />
            </div>
            <div class="form-group">
                <label for="txtCode">编码：</label><input type="text" class="form-control" readonly="readonly" id="txtCode" />
            </div>
            <div class="form-group">
                <label for="txtDataFieldName">数据字段：</label><input type="text" class="form-control" readonly="readonly" id="txtDataFieldName" />
            </div>
            <div class="form-group">
                <label for="txtCName">中文名称：</label><input type="text" class="form-control" id="txtCName" />
            </div>
            <div class="form-group">
                <label for="radioRequired">是否必填:</label>
                <select class="form-control" style="margin-left:-5px;" id="radioRequired">
                    <option value="0">否</option>
                    <option value="1">是</option>
                </select>
            </div>
        </div>
        <div id="eventProp">
            <div class="form-group">
                <label for="txtClickEvent">单击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtClickEvent" />
                <button type="button" class="btn btn-primary" id="btnClickEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtDBLClickEvent">双击：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtDBLClickEvent" />
                <button type="button" class="btn btn-primary" id="btnDBLClickEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtEnterEvent">进入：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtEnterEvent" />
                <button type="button" class="btn btn-primary" id="btnEnterEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtBlurEvent">离开：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtBlurEvent" />
                <button type="button" class="btn btn-primary" id="btnBlurEvent">配置</button>
            </div>
            <div class="form-group">
                <label for="txtKeyUpEvent">按键：</label>
                <input type="text" class="form-control" readonly="readonly" id="txtKeyUpEvent" />
                <button type="button" class="btn btn-primary" id="btnKeyUpEvent">配置</button>
            </div>
        </div>
        <div id="dataProp">
            <div class="form-group">
                <label for="selDataSet">数据集：</label>
                <select id="selDataSet">
                </select>
            </div>
            <div class="form-group">
                <label for="selField">字&nbsp;&nbsp;&nbsp;段：</label>
                <select id="selField">
                </select>
            </div>
            <div class="form-group">
                <label for="selObtainMode">取值方式：</label>
                <select id="selObtainMode">
                    <option value="1">全部</option>
                    <option value="2">最大值</option>
                    <option value="3">最小值</option>
                    <option value="4">第一条</option>
                    <option value="5">最后条</option>
                </select>
            </div>
        </div>
        <div id="styleProp">
            <div class="form-group">
                <label for="radioFontFamily">字体：</label>
                <select class="form-control" style="margin-left:-5px;" id="radioFontFamily">
                    <option value="SimSun" id="SimSun">宋体</option>
                    <option value="SimHei" id="SimHei">黑体</option>
                    <option value="Microsoft YaHei" id="Microsoft YaHei">微软雅黑</option>
                    <option value="NSimSun" id="NSimSun">新宋体</option>
                    <option value="FangSong" id="FangSong">仿宋</option>
                    <option value="KaiTi" id="KaiTi">楷体</option>
                    <option value="YouYuan" id="YouYuan">幼圆</option>
                </select>
            </div>
            <div class="form-group" style="width:100%">
                <label for="numFontSize">字号：</label>
                <select class="form-control" style="margin-left:-5px;" id="numFontSize">
                    <option value="12" id="12">12</option>
                    <option value="13" id="13">13</option>
                    <option value="14" id="14">14</option>
                    <option value="15" id="15">15</option>
                    <option value="16" id="16">16</option>
                    <option value="17" id="17">17</option>
                    <option value="18" id="18">18</option>
                    <option value="19" id="19">19</option>
                    <option value="20" id="20">20</option>
                </select>
            </div>
            <div class="form-group">
                <label for="radioFontStyle">字形：</label>
                <select class="form-control" style="margin-left:-5px;" id="radioFontStyle">
                    <option value="1" id="Option1">常规</option>
                    <option value="2" id="Option2">加粗</option>
                    <option value="3" id="Option3">斜体</option>
                    <option value="4" id="Option4">加粗斜体</option>
                </select>
            </div>
            <div class="form-group" style="width:100%" id="LColor">
                <label for="LineColor">边框颜色：</label><input type="text" name="LineColor" id="LineColor"/>
            </div>
            <div class="form-group" style="width:100%"  id="SColor">
                <label for="BackgroundColor">背景颜色：</label><input type="text" name="BackgroundColor" id="BackgroundColor" />
            </div>
            <div class="form-group" id="FColor">
                <label for="FontColor">文字颜色：</label><input type="text" name="FontColor" id="FontColor" />
            </div>
        </div>
    </form>
</div>